<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
</h:head>
<h:body>
	<ui:include src="/cliente/menu.xhtml"/>
	<rich:panel header="Lista de Clientes">
	<h:form>
		<div>
			<span>Nome:</span>
			<h:inputText value="#{filtroClienteBean.filtroCliente.nome}" />
		</div>
		<div>
			<span>CPF:</span>
			<h:inputText value="#{filtroClienteBean.filtroCliente.cpf}" />
		</div>
		<div>
			<span>Email:</span>
			<h:inputText value="#{filtroClienteBean.filtroCliente.email}" >
				<f:validator validatorId="br.com.fiap.beans.validator.EmailValidator"/>
			</h:inputText>
		</div>
    	<p>
			<h:commandButton action="#{filtroClienteBean.filtrarClientes()}" value="Filtrar" />
			
		</p>
		
		<h:dataTable id="clientesTable" value="#{filtroClienteBean.clientes}" var="cliente">
			<f:facet name="header">
				<h:outputText value="Lista de Clientes" />
			</f:facet>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Código" />
				</f:facet>
				<h:commandLink action="#{clienteBean.recuperarCliente(cliente.id)}" value="#{cliente.id}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Nome" />
				</f:facet>
				<h:outputText value="#{cliente.nome}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="CPF" />
				</f:facet>
				<h:outputText value="#{cliente.cpf}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Email" />
				</f:facet>
				<h:outputText value="#{cliente.email}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Telefone" />
				</f:facet>
				<h:outputText value="#{cliente.telefone}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Celular" />
				</f:facet>
				<h:outputText value="#{cliente.celular}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Ação" />
				</f:facet>
				<h:commandLink action="#{filtroClienteBean.excluirCliente(cliente.id)}" value="Excluir" />
			</h:column>
		</h:dataTable>

	</h:form>
	</rich:panel>
</h:body>
</html>
